<template>
  <svg
    xmlns="http://www.w3.org/2000/svg"
    xmlns:xlink="http://www.w3.org/1999/xlink"
    width="28"
    height="28"
    viewBox="0 0 28 28"
    fill="none"
  >
    <g opacity="1" transform="translate(4 2)  rotate(0)">
      <!-- <g id="圆形 3" filter="url(#filter_1)" :fill="color"> -->
      <g id="圆形 3">
        <path
          id="圆形 3"
          fill-rule="evenodd"
          style="fill: #ffffff"
          opacity="1"
          d="M10 0C4.48 0 0 4.48 0 10C0 15.52 4.48 20 10 20C15.52 20 20 15.52 20 10C20 4.48 15.52 0 10 0Z"
        ></path>
      </g>
      <path
        id="圆形 3"
        fill-rule="evenodd"
        :style="{ fill: color }"
        opacity="1"
        d="M10 4C6.69 4 4 6.69 4 10C4 13.31 6.69 16 10 16C13.31 16 16 13.31 16 10C16 6.69 13.31 4 10 4Z"
      ></path>
    </g>
    <defs>
      <filter id="filter_1" x="-4" y="-6" width="28" height="32" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
        <feFlood flood-opacity="0" result="feFloodId" />
        <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
        <feOffset dx="0" dy="2" />
        <feComposite in2="hardAlpha" operator="out" />
        <feGaussianBlur stdDeviation="2" />
        <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.7098039215686275 0 0 0 0 0.6627450980392157 0 0 0 0.66 0" />
        <feBlend mode="normal" in2="filter_feFlood" result="filter_feFlood_1" />
        <feBlend mode="normal" in="SourceGraphic" in2="filter_1" result="shape" />
      </filter>
    </defs>
  </svg>
</template>
<script setup lang="ts" name="StationDetailNode">
defineProps<{ color: string }>();
</script>
